vue很适合做移动端,轻量,易定制
写了个Demo供学习参考,功能基本比较贴近实际的项目
使用了Vue, SUI-Mobile, 禁用SUI自带的路由功能,使用 Vue-router
涉及到Vue的component、directive、computed以及组件间的事件通讯
项目地址:https://github.com/eteplus/vue-sui-demo
技术栈:
vue-resource(暂未使用,后期会加上)
目录结构
.
├── README.md
├── dist // 项目build目录
├── build // 项目的配置文件目录
│ ├── dev-server.js // 开发的服务配置
│ ├── webpack-dev-conf.js // 开发的Webpack 配置文件
│ ├── webpack-prod-conf.js // 生产的Webpack 配置文件
│ ├── webpack-base-conf.js // 基本的Webpack 配置文件
├── index.js // 项目发布后的启动文件
├── package.json // 项目配置文件
├── src // 生产目录
│ ├── assets // css js 和图片资源
│ ├── components // 各种组件
│ ├── views // 各种页面
│ ├── directives // 各种指令
│ ├── filters.js // 各种过滤器
│ ├── router.js // 路由配置
│ └── main.vue // 根组件
│ └── app.js // Webpack 预编译入口
│ └── index.html // 项目入口文件
.
安装
克隆项目:(git clone
)
git clone https://github.com/eteplus/vue-sui-demo.git
通过npm
安装本地服务第三方依赖模块(需要已安装Node.js),使用npm安装依赖模块可能会很慢,建议换成cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org
# 安装依赖模块
cnpm install
# 启动服务
npm run dev
# 发布代码
npm run build
# 发布后启动服务
npm run main
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。